<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>选择顾投</title>
<link rel="stylesheet" href="css/selectPeople.css">
</head>
<body>
<div class="container">
	<!-- 去掉详情，参考新模板 -->
	<div class="p-list">
		<div class="p-list-l">
			<i></i>
		</div>
		<div class="p-list-r">
			<div class="p-info flex">
				<div class="pic">
					<img src="./images/usr_pic.png" alt="">
				</div>
				<div class="info flex-1">
					<h3 data-manId="11">王佳宇</h3>
					<h4>资格证书：S12206015040015</h4>
				</div>
			</div>
			<div class="describe">
				<!-- 温馨提示:span里面从后台读取数据的时候最好设置一个长度，要不显示不了... -->
				方正证券太原新建南路营业厅投资顾问，大学本科学历，有多年投哈哈资经方正证券太原新建南路营业厅投资顾问，大学本科学历，有多年投哈哈资经
				<!-- <a href="javascript:;" class="detail">详情</a> -->

			</div>
		</div>
	</div>

	<div class="p-list">
		<div class="p-list-l">
			<i></i>
		</div>
		<div class="p-list-r">
			<div class="p-info flex">
				<div class="pic">
					<img src="./images/usr_pic.png" alt="">
				</div>
				<div class="info flex-1">
					<h3 data-manId="22">王小小</h3>
					<h4>资格证书：S12206015040015</h4>
				</div>
			</div>
			<div class="describe">
				<p><span>方正证券太原学本科学历，有多年投哈哈资经</span></p>
				<a href="javascript:;" class="detail">详情</a>

			</div>
		</div>
	</div>

	<div class="p-list">
		<div class="p-list-l">
			<i></i>
		</div>
		<div class="p-list-r">
			<div class="p-info flex">
				<div class="pic">
					<img src="./images/usr_pic.png" alt="">
				</div>
				<div class="info flex-1">
					<h3 data-manId="33">王大大</h3>
					<h4>资格证书：S12206015040015</h4>
				</div>
			</div>
			<div class="describe">
				<p><span>方正证券太原新建南路营业厅投资投哈哈资经</span></p>
				<a href="javascript:;" class="detail">详情</a>

			</div>
		</div>
	</div>

</div>

<div class="footer">
	<a class="peopleHold" href="javascript:;">提交</a>
</div>
<script src="js/build/lib.js" type="text/javascript"></script>

<!-- 错误提示框 -->
<div class="alert-box">
	请选择您的专属投顾
</div>

<script>
var selectPeople = {
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
	},
	events: function(){
		var _this = this;
		$('.p-list').hammer().on('tap',function(){
			$('.p-list').removeClass('active');
			$(this).addClass('active');
		});

		$('.peopleHold').hammer().on('tap',function(){
			var _manName = $('.active').find('h3').text();
			var _manId = $('.active').find('h3').attr('data-manId');
			var _ac = $('.active').size();
			if(_ac==0){
				_this.alert('哈哈哈哈');
				return false;
			}

			sessionStorage.setItem("name", _manName);
			sessionStorage.setItem("manId", _manId);

			window.location = 'affirmOrder3.html';
		});


	},
	alert: function(_txt){
		$('.alert-box')
			.text(_txt)
			.stop()
			.show(1)
			.delay(1500)
			.hide(1);
	},
	run: function(){
		this.init();
		this.events();
	}
};
selectPeople.run();
</script>
</body>
</html>